/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        './index.html',
        './src/**/*.{vue,js,ts,jsx,tsx}'
    ],
    theme: {
        screens: {
            'tablet': '640px',
            'laptop': '1024px',
            'desktop': '1280px',
        },
        fontFamily:{
            sans:['Inter', 'Avenir', 'Helvetica', 'Arial', 'sans-serif'],
            serif: ['Merriweather', 'serif']
        },
        extend: {
            inset: {
                '0': '0',
                '1/5': '20%',
                '2/5': '40%',
                '3/5': '60%',
                '4/5': '80%',
                '1/10': '10%'
            }
        },
    },
    plugins: [],
}
